#top{ box-shadow:none; border-bottom:1px solid #ddd;}
.tc-main {
    margin-top: 140px;
	margin-bottom:40px;
}
.tc-main>.row{ margin-right:0;}
@media ( max-width: 991px) {
	.tc-main { margin-top:70px;}
	.tc-main>.row{ margin-right:-15px;}
}

@media ( max-width: 991px) {
	.wrap{ padding:0 15px;}
	.tc-main { margin-bottom: 0;}
	.leftnav{ display:none;}
	.userhome .leftnav{ display:block;}
}
.userInfo {
	padding-top: 15px;
	background: #fff;
	overflow: hidden;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}
.userInfo .myInfo {
	margin-bottom: 12px;
}
.userInfo .myInfo .photo {
	width: 80px;
	height: 80px;
	margin: 0 20px 0 15px;
	float:left;
	overflow: hidden;
}
.userInfo .myInfo .info-op {
	width: 80px;
	height: 80px;
	overflow: hidden;
	float:left;
}
.userInfo .myInfo .info-op ul li {
	height: 25px;
	line-height: 25px;
}
.userInfo .myInfo .info-op ul li a:hover {
	color: #0d7115
}
.userInfo .cost {
	margin-bottom: 10px;
	margin-left:15px;
	color: #016c3f;
	margin-top:5px;
}
.navlist .list-group .list-group-item{ background:#fff; border-left:none; border-right:none; position:relative;}
.navlist .list-group-item:first-child{ border-radius:0; background:rgba(0, 0, 0, 0.03); font-size:16px; color:#006b3e;}
.navlist .list-group-item:first-child .fa-angle-right{ position:absolute; top:8px; font-size:28px; right:10px;}
.navlist .listmenu{ padding-left:45px; display:block;}
.navlist .listmenu:hover{ background:rgba(0, 0, 0, 0.03);}
.navlist .listmenu .fa-angle-right{ position:absolute; top:10px; font-size:22px; right:10px; color:#999;}

.rightmain{ background:#fff; padding-top:15px; padding-bottom:15px;}
.rightmain .tab-content{ width:100%; margin:0 auto; margin-top:25px;}
.rightmain .tab-content .pagination{ margin-top:20px; justify-content: center;}
.rightmain .listContentBlock{ margin-top:40px;}
.topinfo{ margin-bottom:20px;}
.topinfo .topbanner img{ width:100%;}
.topinfo .infocon{ margin:0 0 20px 0!important;}
.topinfo .leftinfo{ background:rgba(0, 0, 0, 0.03); padding:15px;}
.topinfo .leftinfo .info{ height:78px; overflow:hidden;}
.topinfo .rightinfo{ background:#ff6565;}
.usertitle{ position:relative;}
.usertitle .nav-tabs .nav-link.active{ color:#e83522;}
.usertitle li:first-child i{ position:absolute; right:25px; bottom:10px; font-size:18px;}
.usertitle .nav-tabs .nav-item{ font-size:16px;}
.usertitle .nav-tabs .nav-item i{ font-size:22px; vertical-align:top;}
.usertitle .nav-tabs .nav-link.active{ font-weight:bold;}
.userinfodetail .form-group{ margin-bottom:.5rem;}
.usercontent .form-group>label{ padding-right:0; text-align:right;}
.panelBox .panelBox-body>:last-child {
    margin-bottom: 0;
}
.panelBox{
	position: relative;
    margin-bottom: 20px;
    background-color: #f7f7f7;
	border-radius: .286rem;
    border: 1px solid #ddd;
}
.panelBox .panelBox-body {
    position: relative;
    padding: 30px 30px;
}
.shop-order-check .text-xs-right {
    text-align: right!important;
}
.shop-order-check .orange-600 {
    color: #f2a654!important;
}
.shop-order-check .font-size-20 {
    font-size: 20px!important;
}
.shop-order-check .btn-squared {
    border-radius: 0;
}
.shop-order-check .shop-order-type-btn>.btn{display:inline-block;margin-left:15px;}
.shop-order-check .shop-order-type-btn>.btn:first-child{margin:0;}
.shop-order-check .shop-order-type .state_txt{height:35px;line-height:35px;margin-bottom:0px;}
.shop-order-check .shop-order-type .state_txt i{ margin-right:20px;}
.shop-order-check .shop-order-type .state_txt span{position:relative;bottom:4px;}

.pearls .blue-grey-400 {
    color: #a3afb7!important;
}
.pearls .m-b-0 {
    margin-bottom: 0!important;
}
.pearls {
	display: block;
	margin: 0 0 22px;
	width:100%;
	font-size: 0;
}
.pearls li {
    width: 25%;
}
.pearls>li {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    margin-bottom: 1.875rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
}
.pearl {
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center
}
.pearl:after, .pearl:before {
	position: absolute;
	top: 18px;
	z-index: 0;
	width: 50%;
	height: 4px;
	content: "";
	background-color: #f3f7f9
}
.pearl:before {
	left: 0
}
.pearl:after {
	right: 0
}
.pearl:first-child:before, .pearl:last-child:after {
	display: none!important
}
.pearl-icon {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	background: #ccd5db;
	border-radius: 50%;
	border: 2px solid #ccd5db
}
.pearl-icon {
	font-size: 18px
}
.pearl-title {
	margin-top: .5em;
	display: block;
	font-size: 16px;
	color: #526069;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.pearl-title p{ font-size:14px;}
.pearl.current:after, .pearl.current:before {
	background-color: #62a8ea
}
.pearl.current .pearl-icon {
	color: #62a8ea;
	background-color: #fff;
	border-color: #62a8ea;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3)
}
.pearl.disabled {
	pointer-events: none;
	cursor: auto
}
.pearl.disabled:after, .pearl.disabled:before {
	background-color: #ddd
}
.pearl.disabled .pearl-icon {
	color: #fff;
	background-color: #ccd5db;
	border-color: #ccd5db
}
@media ( max-width: 991px) {
	.panelBox {
		margin-bottom: 20px;
	}
	.panelBox .panelBox-body {
		padding: 20px;
	}
	.pearls .hidden-sm-down {
		display: none!important;
	}
	#top{box-shadow:none; border-bottom:1px solid #ddd; background:#f7f7f7;}
	.usertitle{ background:#fff; display:none; margin-bottom:15px; padding-top:20px;}
	.rightmain{ padding-left:0; padding-right:0;}
	.rightmain .tab-content{ margin-top:0; padding:0 15px;}
	.topinfo{ margin-bottom:0;}
	.topinfo .topbanner img{ width:100%;}
	.topinfo .infocon{ margin:0 0 15px 0!important;}
	.topinfo .leftinfo{ background:rgba(0, 0, 0, 0.03); padding:15px;}
	.topinfo .leftinfo .info{ height:42px; font-size:12px; overflow:hidden;}
	.topinfo .rightinfo{ background:#ff6565;}
	.topinfo .rightinfo .postBox img{ width:25px;}
	.topinfo .rightinfo .postBox h3{ font-size:14px;}
	.mainnav{ margin-top:15px;}
	.userInfo {
		padding:25px 0;
		background: #fff;
		overflow: hidden;
		border-bottom:1px solid #ddd;
		padding-bottom:10px;
		background:#006b3e;
	}
	.userInfo .myInfo {
		width:195px; margin:0 auto;
	}
	.userInfo .myInfo .photo {
		width: 80px;
		height: 80px;
		margin: 0 20px 0 15px;
		float:left;
		overflow: hidden;
		border-radius: 50%;
    	border: 2px solid #fff;
	}
	.userInfo .myInfo .info-op {
		width: 80px;
		height: 80px;
		overflow: hidden;
		float:left;
	}
	.userInfo .myInfo .info-op ul li {
		height: 25px;
		line-height: 25px;
		color:#fff;
	}
	.userInfo .myInfo .info-op ul li a {
		color: #fff
	}
	.userInfo .myInfo .info-op ul li a:hover {
		color: #0d7115
	}
	.userInfo .cost {
		margin-bottom: 10px;
		margin-left:20px;
		color: #f1d7bd;
		margin-top:5px;
		text-align:center;
	}
	.mobile_user_head {
		position: relative;
		color: white;
		border-bottom:none;
		padding-bottom: 50px;
	}
	.mobile_user_head .aui-member-setting {
		position: absolute;
		top: 0;
		right: 0;
		padding: 15px;
		text-shadow: 0 1px 0 #666;
	}

	.mobile_user_head .aui-member-setting img {
		width: 26px;
		-webkit-animation: fa-spin 2s infinite linear;
		animation: fa-spin 2s infinite linear;
	}
	.navlist_mobile .list-group{ border-radius:8px; overflow:hidden; margin-bottom:15px;}
	.navlist_mobile .list-group .list-group-item{ background:#fff; border:none;}
	.navlist_mobile .list-listBox .listmenu{ border:1px solid rgba(0, 0, 0, 0.125); border-left:none; border-right:none;}
	.navlist_mobile .list-listBox .listmenu .fa-angle-right{ position:absolute; right:10px; font-size:22px; top:10px; color:#999;}
	.navlist_mobile .list-groupBox .row>div{ padding:0 5px;}
	.navlist_mobile .list-group-item:first-child{ border-radius:0; background:rgba(0, 0, 0, 0.03); font-size:16px; color:#000;}
	.navlist_mobile .list-titleBox{ position:relative;}
	.navlist_mobile .list-titleBox .fa-angle-right{ position:absolute; right:10px; font-size:28px; top:8px; color:#666;}
	.navlist_mobile .listmenu a{ text-align:center; font-size:14px; color:#333; display:block; margin-bottom:10px;}
	.navlist_mobile .listmenu a p{ font-size:28px; color:#01b96c;}
	.orderlist .leftinfo img{ width:80px; float:left; margin-right: 10px; vertical-align: top;}
}
@media (min-width: 576px) and (max-width: 991px) {
	.rightmain .tab-content{ background:#fff; padding-top:25px; padding-bottom:15px;}
}
.listaco{
	color: #006b3e;
}
.listaco:hover{ color:#024026;}
.listaco2{ color:#e50112;}
.listaco2:hover{ color:#bf0210;}
.listaco3{ color:#e56c01;}
.listaco3:hover{ color:#904604;}
@media ( max-width: 575px) {
	.panelBox{
		margin-bottom: 15px;
	}
	.panelBox{
		background-color: #fff;
		border: 1px solid transparent;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
		box-shadow: 0 1px 1px rgba(0,0,0,.05);
	}
	.panelBox .panelBox-body {
		padding: 15px;
	}
	.shop-order-check .shop-order-type-btn{margin-top:15px;}
	.shop-order-check .shop-order-type-btn>.btn{width:48%;display:block;margin:0;float:left;}
	.shop-order-check .shop-order-type-btn>.btn:first-child{margin-right:4%;}
	.listbtn{
		background: #006b3e;
		color: #fff;
		border-radius: 4px;
		border: 0;
		font-size: 16px;
		display: inline-block;
		text-align: center;
		padding: 3px 12px;
		cursor: pointer;
	}
	.listbtn:hover{ background:#024026; color:#fff;}
	.listbtn2{ background:#c70815;}
	.listbtn2:hover{ background:#a20e19;}
	.listbtn3{ background:#666;}
	.listbtn3:hover{ background:#333;}
	.usercontent .form-group>label{ text-align:left;}
	.userinfodetail .form-group{ margin-bottom:0; border-bottom:1px solid #ddd; background:#fff; padding:8px 0;}
	.userinfodetail .form-group:nth-last-child(1){ border-bottom:none;}
	.listContentBlock .form-group{ margin-bottom:0; border-bottom:1px solid #ddd; padding:8px 0; background:#fff;}
	.listContentBlock .form-group:nth-last-child(1){ border-bottom:none;}
	.listContentBlock .form-group .form-control{ border:none; padding-left:0; padding-right:0;}
	.articleContentBlock .form-group{ background:#fff; padding:10px 0; border-bottom:1px solid #ddd; margin-bottom:0;}
	.articleContentBlock .form-group:nth-last-child(1){ border-bottom:none;}
	.articleContentBlock .form-group>label{ text-align:left!important; background:#f0f0f0; margin:0 15px; margin-bottom:10px; -ms-flex: 0 0 calc(100% - 30px);flex: 0 0 calc(100% - 30px);max-width: calc(100% - 30px); border-bottom:1px solid #ccc; font-size:14px;}
	.articleContentBlock .form-group .form-control{ font-size:14px;}
	.usercontent .listButBox{ background:none; margin-top:10px;}
	.usercontent .listButBox>label{ display:none;}
	.usercontent .listButBox .listbox{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.usercontent .listButBox .listbox .btn{ width:100%;}
}
@media ( max-width: 575px) {
	.usertitle .nav-tabs .nav-item{ font-size:14px;}
	.usertitle .nav-tabs .nav-item i{ font-size:18px; vertical-align: middle;}
}


/* mobile用户背景 */
.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}
/***********END************/